<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>云创软件--首页</title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tab.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/L_slide.js"></script>
        
	</head>
	
	<body>
		
		<div class="head">
			<div class="head-top">
				<div class="w1000">
					<div class="head-top-left l">
						<a href="/"><i class="icon-app mr5"></i>移动客户端</a>
					</div>
					<div class="head-top-right r">
						<a class="reg-link br1" style="">快速注册</a>
						<a class="login-link br1" href="/">立即登录</a>
						<a class="br1" href="/">帮助</a>
						<a href="/">利息计算器</a>
					</div>
				</div>
			</div>
			<div class="head-main">
				<div class="w1000">
  					<div class="logo">
  							<a href="/"><img src="images/logo.png"></a><img src="images/slogan.png">
  					</div>
				<div class="nav">
   					<ul>
   						 <li><a class="hover" href="/">首页</a></li>
    					 <li><a href="/">我要理财</a></li>
   						 <li><a href="/">我有借款</a></li>
    					 <li><a href="/">我的账户</a></li>
    					 <li><a href="/">关于我们</a></li>
					 </ul>
				</div>
			  </div>
            </div>
		</div>
		<!--Index head-->
		
		<script type="text/javascript">
		$(function(){
			$(".af4").slide({
		affect:4,
		time:3000,
		speed:400,
			});
		})
		</script>
		<div class="wrap af4">
			<ul class="slidebox">
				<li><a href="#"><img src="images/banner1.jpg" /></a></li>
				<li><a href="#"><img src="images/banner2.jpg" /></a></li>
			</ul>
		</div>
		<!--Index banner-->
		
		<div class="strength w1000">
			<div class="strength-box">
				<div class="strength-img1"></div>
				<h2>我要理财</h2>
				<p>加入理财计划或者通过投标进行投资，最高获得15%的预期年化收益</p>
			</div>
			
			<div class="strength-box">
				<div class="strength-img2"></div>
				<h2>我要借款</h2>
				<p>申请发标借款，获得认证后可快速获得借款，最快当天可放宽</p>
			</div>
			
			<div class="strength-box" style="background: none;">
				<div class="strength-img3"></div>
				<h2>安全保障</h2>
				<p>本息保障计划全面保障理财人发本金安全投资安心，借款方便省心</p>
			</div>
			
		</div>
		<!--Index strength-->
		<div class="data w1000">
			<div class="data-box">
				<div class="data-user"></div>
				<p><span>4275</span>人</p>
				<p>平台注册会员</p>
			</div>
			<div class="data-box">
				<div class="data-profit"></div>
				<p><span>4275.99</span>万元</p>
				<p>投资人已获得收益</p>
			</div>
			<div class="data-box">
				<div class="amount-user"></div>
				<p><span>4275111</span>万元</p>
				<p>累计成功交易金额</p>
			</div>
		</div>
		<!--Index data-->
		
		<!--Index main-content -->
		<div class="w1000">
		<div class="main-content-left">
			<div class="investment">
				<div class="investment-title">
					<i class="title-lc">理财项目</i><span><a class="investment-more" href="/">查看更多>></a></span>
				</div>
				<div class="investment-box">
					<ul>
						<li>
						<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-db">担</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:50%"></div>
								</div>
                                <span class="progress-num"><i>50</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-ing" href="/">马上投标</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-xy">信</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:50%"></div>
								</div>
                                <span class="progress-num"><i>50</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-ing" href="/">马上投标</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-dy">抵</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:100%"></div>
								</div>
                                <span class="progress-num"><i>100</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-com" href="/">标已完成</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-dy">抵</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:100%"></div>
								</div>
                                <span class="progress-num"><i>100</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-com" href="/">标已完成</a></td>
                          </tr>
                         </tbody></table>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="investment">
				<div class="investment-title">
					<i class="title-zr">债权转让</i><span><a class="investment-more" href="/">查看更多>></a></span>
				</div>
				<div class="investment-box">
					<ul>
						<li>
						<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-db">担</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:50%"></div>
								</div>
                                <span class="progress-num"><i>50</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-ing"href="/">马上投标</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
						<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-db">担</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:50%"></div>
								</div>
                                <span class="progress-num"><i>50</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-ing" href="/">马上投标</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-xy">信</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:50%"></div>
								</div>
                                <span class="progress-num"><i>50</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-ing" href="/">马上投标</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-dy">抵</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:100%"></div>
								</div>
                                <span class="progress-num"><i>100</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-com" href="/">标已完成</a></td>
                          </tr>
                         </tbody></table>
						</li>
						<li>
							<table border="0" width="680" style="table-layout:fixed;">
                        <tbody><tr>
                            <td class="span6" rowspan="2">
                            	<div class="icon-dy">抵</div>
                            </td>
                            <td class="investment-name" colspan="3">
                            	<a href="/">【网商经营】累计信誉，按时还款</a></td>
                            <td class="span4">
                                <div class="progress-background">
										<div class="progress-bar" style="width:100%"></div>
								</div>
                                <span class="progress-num"><i>100</i>%</span>
                            </td>
                        </tr>
                        <tr class="f12">
                            <td>借款金额：<span class="col-orange f18">¥3,200</span></td>
                            <td>年利率： <span class="col-orange"><i class="f18">12</i>%</span></td>
                            <td>借款期限：<span class="col-orange"><i class="f18">12</i>个月</span></td>
                             <td class="span4">
                             	<a class="investment-com" href="/">标已完成</a></td>
                          </tr>
                         </tbody></table>
						</li>
					</ul>
				</div>
			</div>
			
		</div>
		
		<div class="main-content-right">
			<div class="notice">
				<h2>通知公告<span class="notice-more">more></span></h2>
				<ul>
					<li>1111</li>
					<li>222</li>
					<li>1111</li>
					<li>222</li>
					<li>1111</li>
				</ul>				
			</div>
			
			<div class="news mrt10">
				<h2>公司咨询<span class="notice-more">more></span></h2>
				<ul>
					<li>1111</li>
					<li>222</li>
					<li>1111</li>
					<li>222</li>
					<li>1111</li>
				</ul>
			</div>
			
			<div class="comparison mrt10">
				<h2>收益对比<i class="f12 clo-gray r">数据来源：某某理财网（按周统计）</i></h2>
				<img src="images/comparison-img.png"/>
			</div>
			
			
			<div id="tab" class="rank-list">
  			<div class="tab-list">
				<ul>
		   			<li class="cur">月理财</li>
					<li>周理财</li>
				</ul>
  </div>
  <div class="tab-con">
	<div class="cur">
		 <ul >
          <li class="col-grey">
              <span>排名</span>
              <span>用户名</span>
              <span>投资金额</span></li>
           <li>
               <span class="rank-num">1</span>
               <span class="col-darkblue">李**</span>
               <span class="col-red">￥0.00</span>
             </li>
              <li>
                 <span class="rank-num">2</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
            <li>
                 <span class="rank-num">3</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
            <li>
                 <span class="rank-num">4</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
            <li>
                 <span class="rank-num">5</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
                        
                </ul>
	
</div>
<div>
<ul>
	
                    <li class="col-grey">
                        <span>排名</span>
                        <span>用户名</span>
                        <span>推广奖励</span></li>

                                            <li>
                            <span class="rank-num">1</span>
                            <span class="col-darkblue">李**</span>
                            <span class="col-red">￥0.00</span>
                        </li>
                                                <li>
                            <span class="rank-num">2</span>
                            <span class="col-darkblue">ch**</span>
                            <span class="col-red">￥0.00</span>
                        </li>
                        <li>
                 <span class="rank-num">3</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
            <li>
                 <span class="rank-num">4</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
            <li>
                 <span class="rank-num">5</span>
                 <span class="col-darkblue">ch**</span>
                 <span class="col-red">￥0.00</span>
            </li>
                        
                </ul>
		</div>

  </div>
</div>
			
			
			
        
		</div>
		
		</div>
		<!--Index link -->
		<div class="link w1000 mrt20">

    <div class="link-title w1000">
        <ul id="tab-list">
            <li class="title-hover">
            	<a onclick="changeTab(this)" href="javascript:void(0);" class="corporation">合作商家</a></li>
            <li>
            	<a onclick="changeTab(this)" href="javascript:void(0);" class="friendship">友情链接</a></li>
        </ul>
    </div>
	<div class="linkwrap">
		<div class="linktab">
	    <ul>
	      <li style=""><a target="_blank" href="#"><img height="35" src="images/wdzxlogo.png"></a></li>
	      <li style=""><a target="_blank" href="#"><img height="35" src="images/gsdlogo.png"></a></li>
	    </ul>
	    </div>
	     
	     <div style="display: none;" class="linktab">
	        <ul>
	        <li style=""><a target="_blank" href="#"><img height="35" src="images/gsdlogo.png"></a></li>
	        <li style=""><a target="_blank" href="#"><img height="35" src="images/wdzxlogo.png"></a></li>
	      
	        </ul>
	    </div>
	</div>
    
	<script>
		$(function () {
    		$('#tab-list li').click(function () {
    			var liindex = $('#tab-list li').index(this);
            $(this).addClass('title-hover').siblings().removeClass('title-hover');
            $('.linkwrap div.linktab').eq(liindex).fadeIn(150).siblings('div.linktab').hide();
    });
    });
</script>
   
</div>
		<!--Index foot -->
		<div class="footer">
 			 <div class="w1000">
  			<div class="foot-list">
            <ul>
                <li class="first">诚信保障</li>
                <li><a href="/">>法律政策</a></li>
                <li><a href="/">>本金保障</a></li>
                <li><a href="/">>工作原理</a></li>
                <li><a href="/">>资费说明</a></li>
            </ul>
            </div>
        <div class="foot-list">
            <ul>
            <li class="first">关于网站</li>
                <li><a href="/">>公司团队</a></li>
                <li><a href="/">>媒体报道</a></li>
                <li><a href="/">>招贤纳士</a></li>
                <li><a href="/">>联系我们</a></li>
 </ul>
        </div>
        <div class="foot-list">
            <ul>
                <li class="first">新手指引</li>
                <li><a href="/">> 免费注册</a></li>
                <li><a href="/">> 如何投资</a></li>
                <li><a href="/">> 如何提现</a></li>
                <li><a href="/">> 资费说明</a></li>
            </ul>
        </div>

        <div class="foot-list" style="border-right: 1px solid #dcdcdc;">
            <ul>
                <li class="first">微信客户端</li>
                <li style="margin-top:8px;"><img height="105" src="images/wx.jpg"></li>

            </ul>
        </div>
    
    
    <div class="footer-r">
    <ul>
    <li class="footer-dh">400-838-2252</li>
    <li class="footer-qq">官方QQ群:12345678</li>
    <li class="footer-tel"><a href="/">在线咨询</a></li>
    <li class="footer-service">人工服务时间(9:00am-18:00pm)</li>
    </ul>
  </div>  
  </div>
   <div class="clear"></div>
   
   <div class="bottom">
     
     <p><a class="footer-index" href="/">网站首页</a>   |
     	<a class="footer-about" href="/">关于我们</a>   |
     	<a class="footer-site" href="/">网站地图 </a>  |
     	<a class="footer-help" href="/">帮助中心</a></p>
      <p>Copyright Reserved 2010-2014©云创软件（www.gsdai.com） | 粤ICP备00000000号 | 深圳云创软件服务有限公司</p>
   </div>
    </div>
	</body>
</html>
